<template>
  <div class="head-operation-wrap">
    <div class="bottom-wrap">
      <div class="bottom-content-wrap">
        <a-row type="flex" justify="space-between" align="middle">
          <div class="logo">
            <img src="@/assets/logos/fuyixue.png" alt="" @click="shouye">
          </div>
          <!-- <IconQuickJump :projectColOpt="projectColOpt"></IconQuickJump> -->
          <UserOperation :projectColOpt="projectColOpt"></UserOperation>
          <!-- <Accessory :projectColOpt="projectColOpt"></Accessory> -->
        </a-row>
      </div>
    </div>
  </div>
</template>

<script>
import { sideOptions } from '../../backstageSupport/components/configs'
import { projectKey } from '@/utils/gettingEnv'
// import IconQuickJump from './IconQuickJump.vue'
import UserOperation from './UserOperation.vue'
// import Accessory from './Accessory.vue'

export default {
  components: {
    // Accessory,
    UserOperation,
    // IconQuickJump
  },
  data() {
    return {
      sideOptions,
      projectName: window.$projectName,
    }
  },
  computed: {
    // 获取不同项目的COL的配置
    projectColOpt() {
      const key = projectKey()
      if (key === 'FSkfq') {
        return {
          logo: { span: 12 },
          iconOperation: { span: 5 },
          userInfo: { span: 3, offset: 2 },
          accessory: { span: 2 }
        }
      }
      return {}
    }
  },
  methods: {
    shouye() {
      this.$router.push({
        path: '/platformPortal',
       
      })
    }
  }
}
</script>

